/**
 * Created by huangxuehua on 2017/11/24.
 */
//$('header>a.goBack').click(function(){
//    window.history.back()
//})

var mySwiper = undefined;
var xpHome = new Vue({
    el: '#app',
    data: {
        imgBaseUrl:nUrls.imgBaseUrl,
        goodsInfo:{},//获得产品信息
        commentInfoList:[],//获得所有评论信息
        commentNum:{},//评论数量

        bigImgArr:[],//大图列表
        bigImgIndx:0,//当前显示图片
        bigImgLength:0,//当前显示大图片数组的长度
        isShowSwiper:false, //是否显示大图
        pageIndex:0,//当前页数
        pageShow:5,//每页显示个数
    },
    methods: {
        goBack:function(){
            window.history.back()
        },
        getDate:function(time){//时间  年月日
            return nUtils.dateFormat(time);
        },
        getImageComment:function(url){//加载图片  处理 url为空 加载出错
            if(url){
                return nUrls.imgFBaseUrl+url;
            }
        },
        initData:function(){
         var commentGoodsInfo=   window.localStorage.getItem("GoodsInfo")
            if(commentGoodsInfo){
                xpHome.goodsInfo=JSON.parse(commentGoodsInfo)
                //console.log("--xpHome.goodsInfo--",xpHome.goodsInfo)
            }
            var commentNum=  window.localStorage.getItem("commentcount")
            if(commentNum){
                xpHome.commentNum=JSON.parse(commentNum)
                //console.log("---xpHome.commentNum-",xpHome.commentNum)
            }
        },
     getCommentInfo:function(){  //评论信息列表
             var data={
             "data[goods_id]":xpHome.goodsInfo.goods_id,
             "data[page]":xpHome.pageIndex,//评论页
             "data[num]":xpHome.pageShow//评论页容量
         }
         $.ajax({
             url:nUrls.getAllCommentUrl,
             type:"POST",
             data:data,
             success:function(data){
                 var result=eval('('+data+')');
                 if(result && result.code==200){
                     //console.log("-- xpHome.commentInfoList--", result.data);
                     xpHome.commentInfoList= xpHome.commentInfoList.concat(result.data);
                 }
             },
             error:function(){
               console.log("获得评论信息失败")
             }
         })
     },
        lookMoreComment:function() {
            xpHome.pageIndex++;
            xpHome.getCommentInfo();
        },
        getSartNum:function(rank){//获取星星个数
            if(rank){
                return parseInt(rank) ;
            }
            return 0;
        },
        lookImg:function(index,idx){//放大  index 第几个评论  idx 图片序号
            xpHome.bigImgArr =  xpHome.commentInfoList[index].children;
            //console.log("==xpHome.bigImgArr====",xpHome.bigImgArr);
            xpHome.bigImgLength =  xpHome.bigImgArr.length;
            xpHome.bigImgIndx = idx + 1; //当前显示
            xpHome.showSwiper(idx);
        },
        showSwiper: function(idx) {    //图片滑动  index 第几个评论  idx 图片序号
            xpHome.isShowSwiper = true;
            document.documentElement.scrollTop = 0;
            document.body.scrollTop = 0;
            touchMoveCant("#mySwiper")
            $("#detailBody").css("overflow","hidden");
            this.$nextTick(function() {
                if(mySwiper) {
                    mySwiper.destroy();
                    mySwiper = undefined;
                }
                mySwiper = new Swiper("#mySwiper",{
                    direction: 'horizontal',
                    loop: false,
                    zoom: true,
                    onSlideChangeEnd: function(swiper) { //水平滑动切换
                        xpHome.bigImgIndx = swiper.activeIndex + 1; //滚动显示
                    }
                });
                if(idx === 0) {
                    mySwiper.slideTo(1, 0);
                    mySwiper.slideTo(0, 0);
                } else {
                    mySwiper.slideTo(idx, 0);
                }
            });
        },
        closeSwiper: function() {
            $("#detailBody").css("overflow","auto");
            xpHome.isShowSwiper = false;
        }

    }
})
$(function(){
    xpHome.initData();
    xpHome.getCommentInfo();
})
function touchMoveCant(ele){//ios 等其他型号手机 滑动问题
    document.querySelector(ele).addEventListener("touchmove", function(e){
        e.preventDefault();
    });
}

